<template>
  <div>
    <tou></tou>
    <div class="about">
      <div class="about-header">
        <div class="about-title">
          <i class="el-icon-tickets" style="color: #ff6700"></i>
          关于我们
        </div>
      </div>
    </div>
    <div class="box">
      <div class="aa">
        <vue-markdown :source="list"></vue-markdown>
      </div>
    </div>
    <fot></fot>
  </div>
</template>

<script>
import tou from '@/components/header.vue'
import fot from '@/components/footer.vue'
import { README } from '@/api/login.js'
import VueMarkdown from 'vue-markdown'

export default {
  components: { tou, fot, VueMarkdown },
  data() {
    return {
      list: '',
    }
  },
  mounted() {
    README().then((res) => {
      console.log('res', res)
      this.list = res.data
    })
  },
  methods: {},
  computed: {},
}
</script>

<style scoped lang="scss">
.about {
  width: 100%;
  padding: 10px 0px;
  padding-top: 20px;
  .about-header {
    border-bottom: 2px solid #ff6700;
    .about-title {
      width: 1400px;
      margin: 0 auto;
      font-size: 30px;
      padding-bottom: 10px;
    }
  }
}
.box {
  width: 100%;
  .aa {
    width: 1400px;
    margin: 0 auto;
  }
}
</style>
